@media screen and (min-width: 320px){ html,body{font-size: 10px;} }
@media screen and (min-width: 360px){ html,body{font-size: 11px;} }
@media screen and (min-width: 375px){ html,body{font-size: 12px;} }
@media screen and (min-width: 412px){ html,body{font-size: 13px;} }
@media screen and (min-width: 640px){ html,body{font-size: 20px;} }
@media screen and (min-width: 768px){ html,body{font-size: 24px;} }
@media screen and (min-width: 960px){ html,body{font-size: 30px;} }
@media screen and (min-width: 1024px){ html,body{font-size: 32px;} }
*{margin: 0;padding: 0;box-sizing: border-box;}
html,body,div,ul,ol,li,dl,dt,dd,form,input,textarea,table,h1,h2,h3,h4,p,span,a,em,i,img{font-style: normal;}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {font-family: "Roboto", "Open Sans", "PingFang", "PingFang SC", "PingFang HK", "PingFang TC", "Microsoft YaHei", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;}
a img {border: 0;width: 100%;}
a {text-decoration: none;color: inherit;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ol,ul {list-style-type: none;}
ul li, ol li {box-sizing: border-box;}
h1,h2,h3 {font-weight: normal;}
input {font: inherit;outline: none;border: 0;border-radius: 0;-webkit-tap-highlight-color: transparent;appearance: none;-webkit-appearance: none;background: transparent;line-height: normal;box-sizing: border-box;-webkit-writing-mode: horizontal-tb;}
button {border: none;background: none;}
textarea {font: inherit;border: 0;outline: 0;color: inherit;box-sizing: border-box;white-space: pre-wrap;word-wrap: break-word;-webkit-appearance: none;background-color: white;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-rtl-ordering: logical;user-select: text;flex-direction: column;}
.clearfix:after {content: '';display: block;clear: both;visibility: hidden;}
/*****************************************************************************************/
.flex{display: -webkit-box;}
.flexv{display: -webkit-box; -webkit-box-orient: vertical;}  /*垂直排列*/
.flexitem{display: -webkit-box; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.flexitemv{display: -webkit-box; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; -webkit-box-orient: vertical;}
.centerv{-webkit-box-align: center;}  /*垂直居中*/
.centerh{-webkit-box-pack: center;}  /*水平居中*/
.center{-webkit-box-align: center; -webkit-box-pack: center;}
.endh{-webkit-box-pack: end;}  /*水平向右*/
.endv{-webkit-box-align: end;} /*垂直向下*/
.end{-webkit-box-align: end; -webkit-box-pack: end;}
/********************************************************************/
body{height: 100%; background:#fff;}
#details{height: 100%;}
#details header{width:100%;height: 5.345rem;background: #f20a46;color: #fefefe;padding: 0 0 0 20px;}
#details header a{display: block;}
#details header span{font-size: 2rem;}
#details header h1{margin-left: -40px;}
#details .info{width: 100%;padding: 20px;color: #333;}
#details .info .p1{border-bottom: 1px solid #ddd;padding: 12px 0;}
#details .info .p1 span{font-size: 1.5rem;}
#details .info .p1 .hint{width: 4.86rem;}
#details .dredge{padding: 10px;}
#details .dredge .button{width:100%;height: 4rem;font-size:1.5rem;background: #f20a46;border-radius: 5px;color: #fff;}
#details .dredge p{color: #F20A46;padding: 10px 0;font-size: 1.2rem;}
#details .qrcode{margin: 10px 0;padding: 5px;}
#details .qrcode .img{width: 120px;height: 120px;padding: 5px;background: #fff;}
#details .qrcode .img img{width: 100%;height:100%;}